<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>热词</title>
	<script src="../components/echarts-4.0.4.min.js"></script>
	<script type="text/javascript" src="../components/jquery1.42.min.js"></script>
	<script type="text/javascript" src="../components/jquery.SuperSlide.2.1.1.js"></script>
	<style>
		body,html{
			padding: 0;
			margin: 0;
			background:#0A0F23;
			width: 100%;
			height: 100%;
		}
		/* 本例子css */
		.txtScroll-top{ width:83%;  overflow:hidden; position:relative;margin: 0 auto;}
		.txtScroll-top .hd{ overflow:hidden;  height:100%;  font-size: 22px;color: #fff;text-align: center;padding: 10px;margin: 0 0 8px 0;font-weight: 700;}
		.txtScroll-top .hd ul{ /*float:right;*/ overflow:hidden; zoom:1; }
		.txtScroll-top .hd ul li{ /*float:left;  */width:9px; height:9px; overflow:hidden;/* margin-right:5px; */text-indent:-999px; cursor:pointer;list-style: none; }
		.txtScroll-top .hd ul li.on{ background-position:0 0;}
		.txtScroll-top .infoList li{ height:36px; line-height:36px; color:#fff; list-style: none;}
		.bd{
			 padding-left: 140px;
		}
	</style>
</head>
<body>
	<div style="width: 100%;height: 100%;">
		<div class="txtScroll-top">
			<div class="hd">
				技术成果
			</div>
			<div class="bd">
				<ul class="infoList">
					<li>CBD5001北斗智能手持终端</li>
					<li>物理隔离网络之间的数据交换系统</li>
					<li>高端机床“绿色再制造”</li>
					<li>铝合金波导管的精密铸造</li>
					<li>热管式散热器</li>
					<li>超高温钛合金HTi-700</li>
					<li>有源电力滤波器（APF）</li>
					<li>射频连接器及互联系统</li>
					<li>石墨烯材料产品</li>
					<li>生物透皮短肽技术</li>
					<li>多通道加载系统</li>
					<li>智能化低氧呼吸训练系统</li>
					<li>机械弹性防爆车轮</li>
					<li>发动机恒温节能冷却系统（ATS系统）</li>
					<li>创新型泄密溯源取证系统</li>
				</ul>
			</div>
		</div>
	</div>
</body>
<script>
	jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"topMarquee",autoPlay:true,vis:8,mouseOverStop:false,interTime:200});

</script>
</html>